<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>037-盒模型边框.html</title>
	<style>
		div{
			width: 200px; 
			height: 200px;
			background: red;
			/*border: none;*/
			/*border:2px solid #000;*/
			/*border:5px dashed #000;*/
			/*border:5px dotted #000;*/
			/*border:3px solid #0f0;*/
			/*border:5px solid #0f0;*/
			/*border-width: 10px;*/
		/*	border-width: 10px 20px 30px 40px;
			border-style: solid dotted dashed solid;
			border-color: #00f #000 #0f0 #0f0;
		*/
		/*
			border-top: 10px solid blue;
			border-right: 10px solid skyblue;
			border-bottom: 10px dashed #0f0;
			border-left: 10px dotted black;	
			*/
			border-top-width: 20px;
			border-top-style: solid;
			border-top-color: black;

			border-bottom-width: 10px;
			border-bottom-style: dashed;
			border-bottom-color: #aaa;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>